<div class="card nxt-modal">
  <div class="card-header">
    <h2>创建虚拟机</h2>
    <ul class="actions">
      <li>
        <a href="" ng-click="cancel()">
          <i class="zmdi zmdi-close"></i>
        </a>
      </li>
    </ul>
  </div>

  <!-- card body -->
  <div class="card-body">
    <!-- slide wrapper -->
    <div class="slide-wrapper" id="slide-wrapper">
      <div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500 required">名称</p></div>
          <div class="col-sm-10">
            <div class="form-group">
              <div class="fg-line">
                <input type="text" ng-model="config.name" class="form-control" >
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">系统镜像</p></div>
          <div class="col-sm-10">
            <div class="btn-demo btn-mirror-list">
              <label ng-repeat="mirror in data.mirrors" class="btn" ng-model="config.mirror" uib-btn-radio="'{{mirror}}'">{{mirror}}</label>
            </div>
          </div>
        </div>
        <div class="card-footer">
          <button class="btn btn-primary pull-right" ng-click="goNext()">&nbsp;&nbsp;&nbsp;下一步&nbsp;&nbsp;&nbsp;</button>
        </div>
      </div>

      <div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500 required">CPU</p></div>
          <div class="col-sm-10">
            <div class="form-group fg-float" ng-class="{'has-error': config.cpu == undefined}">
              <div class="fg-line">
                <input type="text" ng-model="config.cpu" class="form-control" ng-pattern="regex">
                <label class="fg-label">vCPU(s)</label>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">单CPU内核数</p></div>
          <div class="col-sm-10">
            <div class="form-group" ng-class="{'has-error': config.coresPerCPU == undefined}">
              <div class="fg-line">
                <input type="text" ng-model="config.coresPerCPU" class="form-control" ng-pattern="regex">
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500 required">内存</p></div>
          <div class="col-sm-10">
            <div class="form-group fg-float" ng-class="{'has-error': config.memory == undefined}">
              <div class="fg-line">
                <input type="text" ng-model="config.memory" class="form-control" ng-pattern="regex">
                <label class="fg-label">GB</label>
              </div>
            </div>
          </div>
        </div>
        
        <br>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">登录信息</p></div>
          <div class="col-sm-10">
            <div class="form-group fg-float m-b-30 col-sm-5">
              <div class="fg-line">
                <input type="text" ng-model="config.user" class="form-control fg-input">
                <label class="fg-label">用户名</label>
              </div>
            </div>
            <div class="form-group fg-float m-b-30 col-sm-5">
              <div class="fg-line">
                <input type="password" ng-model="config.pwd" class="form-control fg-input">
                <label class="fg-label">密码</label>
              </div>
            </div>
          </div>
        </div>
        <div class="card-footer">
          <button class="btn btn-primary" ng-click="goPre()">&nbsp;&nbsp;&nbsp;上一步&nbsp;&nbsp;&nbsp;</button>
          <button class="btn btn-primary pull-right" ng-click="goNext()">&nbsp;&nbsp;&nbsp;下一步&nbsp;&nbsp;&nbsp;</button>
        </div>
      </div>  

      <div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">网络</p></div>
          <div class="col-sm-10">
            <div class="select">
              <select ng-model="config.network" data-placeholder="选择网络" class="form-control w-100">
                <option data-ng-repeat="network in data.networks">{{network}}</option>
              </select>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">IP</p></div>
          <div class="col-sm-10">
            <div class="form-group" ng-class="{'has-error': config.ip == undefined}">
              <div class="fg-line">
                <input type="text" ng-model="config.ip" class="form-control" ng-pattern="ipRegex">
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-2"><p class="c-black f-500">硬盘</p></div>
          <div class="col-sm-10">
            <button class="btn btn-primary" ng-click="addDisk()" ng-show="config.disks.length < 3"><i class="zmdi zmdi-plus"></i></button>
          </div>
        </div>
        <div class="row" data-ng-show="config.disks.length > 0">
          <div class="col-sm-3"><p class="c-black f-500">类型</p></div>
          <div class="col-sm-3"><p class="c-black f-500">总线类型</p></div>
          <div class="col-sm-3"><p class="c-black f-500">容器</p></div>
          <div class="col-sm-3"><p class="c-black f-500">大小(GB)</p></div>
        </div>
        <div class="row" ng-repeat="disk in config.disks">
          <div class="col-sm-3">
            <div class="select">
              <select ng-model="disk.type" class="form-control w-100">
                <option value="disk">硬盘</option>
                <option value="cdrom">CDROM</option>
              </select>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="select">
              <select ng-model="disk.busType" class="form-control w-100">
                <option value="scsi">SCSI</option>
                <option value="pci">PCI</option>
                <option value="ide">IDE</option>
              </select>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="select">
              <select ng-model="disk.container" class="form-control w-100">
                <option value="default">default</option>
                <option value="nxt">nxt</option>
                <option value="nxt2">nxt2</option>
              </select>
            </div>
          </div>
          <div class="col-sm-2">
            <div class="form-group" ng-class="{'has-error': disk.size == undefined}">
              <div class="fg-line">
                <input type="text" ng-model="disk.size" class="form-control" ng-pattern="regex">
              </div>
            </div>
          </div>
          <div class="col-sm-1">
            <ul class="actions">
              <li>
                <a href="" ng-click="deleteDisk(disk.id)">
                  <i class="zmdi zmdi-close"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="card-footer">
          <button class="btn btn-primary" ng-click="goPre()">&nbsp;&nbsp;&nbsp;上一步&nbsp;&nbsp;&nbsp;</button>
          <button class="btn btn-primary pull-right" ng-click="finish()">&nbsp;&nbsp;&nbsp;完成&nbsp;&nbsp;&nbsp;&nbsp;</button>
        </div>
      </div>
    </div> <!-- end:slide wrapper -->
  </div> <!-- end:card body -->
</div>